<html>
    <head>
    <style media="(min-width: 400px)">
    h1 {
        background: rgb(255, 0, 0);
    }
    </style>
    <style media="(max-width: 399px)">
    h1 {
        background: rgb(0, 255, 0);
    }
    </style>
    </head>
    <body>
        <h1 id="testelement">Header</h1>
    </body>
</html>
